//    function initialize(destino){
//	 if (GBrowserIsCompatible()) 
//	 var map = new GMap2(document.getElementById("subcontenido"));
//	 map.setCenter(new GLatLng(39.636470, 2.645483), 13);
//	 
////<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.es/maps?f=q&amp;source=s_q&amp;hl=es&amp;geocode=&amp;q=uib&amp;sll=39.96028,-0.505371&amp;sspn=3.940754,10.151367&amp;ie=UTF8&amp;ll=39.96028,-0.505371&amp;spn=3.940754,10.151367&amp;t=h&amp;output=embed&amp;s=AARTsJqQ7GpiVnUaOakXUSzrVPZFZtYhlg"></iframe><br /><small><a href="http://maps.google.es/maps?f=q&amp;source=embed&amp;hl=es&amp;geocode=&amp;q=uib&amp;sll=39.96028,-0.505371&amp;sspn=3.940754,10.151367&amp;ie=UTF8&amp;ll=39.96028,-0.505371&amp;spn=3.940754,10.151367&amp;t=h" style="color:#0000FF;text-align:left">Ver mapa más grande</a></small>
//    }

    Ext.onReady(function() {

	
//SECCION INICIO
    Ext.get('inicio').on('click', function () {
	runner.stopAll();
	var content = Ext.get('content');   
        content.load({
         url: 'http://localhost/web/php/inicio.php'
         });
        content.show();
    });

    Ext.get('presentacion').on('click', function (){
	runner.stopAll();
        var content = Ext.get('content');   
        content.load({
        url: 'http://localhost/web/php/presentacion.php'
      });
 //   content.startAutoRefresh(5,"http://localhost/web/php/presentacion.php");

      content.show();
    });

//SECCION MONITORIZACIÓN
    
    Ext.get('monitorizacion').on('click', function () {
    runner.stopAll();
    
    var content = Ext.get('content');
    //content.update('<div id = "cabecera" style="width:1190px; height:100px;">
                     //</div><div id="subcontenido" style="width:730px; height:400px;"> </div>',false);
    content.update('<div class=\"article\">'+
                        '<h2><span>Monitorizaci&oacute;n</span></h2>'+
                        '<p class=\"info noprint\">'+
                          '<span class=\"cat\">Estado de la ocupaci&oacute;n en tiempo real de las plazas de aparcamiento</span>'+
                          '<div id = \"cabecera\" style=\"width:1190px; height:100px;\"> </div>'+
                          '<div id=\"subcontenido\" class="mapa"  style=\"width:730px; height:400px;\"> </div>'+
                        '</p>'+
                   '</div>',false);
    //var head = Ext.get('cabecera');
    //head.load({
    //     url: './php/monitorizacion.php'
    //});
     content.show();
     initialize();
    });
    
//SECCION ESTADISTICAS

    Ext.get('estadisticas').on('click', function () {
    runner.stopAll();
    //HAY QUE ACTUALIZAR EL HEIGHT DEL CONTENIDO CUANDO PINTEMOS GRAFICAS
    var content = Ext.get('content');
    content.update('<div class=\"article\">'+
                        '<h2><span>Estad&iacute;sticas</span></h2>'+
                        '<p class=\"info noprint\">'+
                          '<span class=\"cat\">Configure la estadistica que desea visualizar</span>'+
                          '<div id = \"cabecera\" class="mapa" style=\"width:600px; height:265px;\">'+
                                '<div id="form-ct" class="mapa"></div>'+
                          '</div>'+
                          '<div id=\"subcontenido\" style=\"width:600px;\">'+
                          '</div>'+
                        '</p>'+
                   '</div>',false);
    
    formEst();

});

//     var task = {
// 			run: function(){
// 			var content = Ext.get('content');   
// 				content.load({
// 				url: 'http://localhost/web/javascript/mapa.js'
// 				});
// 			content.show();
// 			},
// 			interval: 100000 //1 second
// 		}
//// 		runner.start(task);
//	
//      var content = Ext.get('content');   
//      content.load({
//         url: 'http://localhost/web/php/monitorizacion.php'
//      });
//      content.show();
//    });

    Ext.get('wiki').on('click', function () {
	  runner.stopAll();
      var content = Ext.get('content');   
      content.load({
         url: 'http://localhost/web/php/wiki.php'
      });
      content.show();
    });

    Ext.get('contacto').on('click', function () {
	 runner.stopAll();
    	 var content = Ext.get('content');   
    	 content.load({
         url: 'http://localhost/web/php/contacto.php'
         });
         content.show();
    });

      //Mostramos el inicio.php al cargar la pagina
      var content = Ext.get('content');   
      content.load({
         url: 'http://localhost/web/php/inicio.php'
      });
      content.show();


});